<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">	
<head>
<meta charset="utf-8">
<title>Welcome to FeedXpress</title>
<meta name="description"
	content="">
<link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/jquery/jquery-1.7.2.min.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.js"></script>
<style>
.mywidth {
	width: 150px;
}
</style>
<script type="text/javascript">
<!-- Move this to a .js file later on -->
	$(document).ready(function() {
		$("a").tooltip({
			'selector' : '',
			'placement' : 'bottom'
		});
		$('.carousel').carousel({
			interval : 2000
		});
	});

	function hide() {
		$('.tour').fadeOut(200);
		return false;
	}
</script>

</head>
<body>
	<div class="row-fluid">
		<div class="span12">
			<div class="navbar">
				<div class="navbar-inner">
					<a class="brand" href="#">Feed Xpress</a>
					<p class="navbar-text pull-right">
						<a href="#" rel="tooltip" title="2 service messages waiting"><button
								class="btn-mini btn-danger muted">2</button></a> &nbsp;&nbsp; <i
							class="icon-user"></i> Logged in as <a href="#"
							class="navbar-link">${user}</a> <br> <br>
					</p>
				</div>
			</div>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span2">
			<div class="accordion" id="accordion2">
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-toggle="collapse"
							data-parent="#accordion2" href="#collapseOne"><i
							class="icon-signal"></i>&nbsp;Xpress</a>
					</div>
					<div id="collapseOne" class="accordion-body collapse in">
						<div class="accordion-inner">
							<ul class="nav nav-list">
								<li class="nav-header active">Xpress</li>
								<li><a href="#"><i class="icon-envelope">&nbsp;</i>Send
										Feed</a></li>
								<li><a href="#"><i class="icon-volume-up"></i>Announcement</a></li>
								<li><a href="#"><i class="icon-calendar	"></i>Events</a></li>
								<li><a href="#"><i class="icon-star"></i>Achievements</a></li>
								<li class="nav-header"><i class="icon-th-list"></i>Survey</li>
								<li><a href="#">Create Survey</a></li>
								<li><a href="#">Survey Results</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="accordion-group">
					<div class="accordion-heading">
						<a class="accordion-toggle" data-toggle="collapse"
							data-parent="#accordion2" href="#collapseTwo"><i
							class="icon-cog"></i> &nbsp;Settings</a>
					</div>
					<div id="collapseTwo" class="accordion-body collapse">
						<div class="accordion-inner">
							<ul class="nav nav-list">
								<li class="nav-header"><i class="icon-user"></i>
									&nbsp;Users</li>
								<li><a class=" href" href="#"><i class="icon-plus"></i>&nbsp;
										Users</a></li>
								<li><a class="href" href="#"><i class="icon-plus"></i>&nbsp;
										Plugins</a></li>
								<li><a class="href" href="#"><i
										class="icon-shopping-cart"></i>&nbsp;Billing</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="span9">
			<div class="row-fluid">
				<div class="control-group">
					<div class="page-header tour">
						<p class="lead">
							Take the tour
							<button class="btn btn-primary" onclick="return hide();">Hide</button>
						</p>
						<div id="myCarousel" class="carousel slide">
							<!-- Carousel items -->
							<div class="carousel-inner">
								<div class="active item">
									<img height=200 width=300
										src="images/stock-vector-media-human-mobile-the-development-of-global-communications-communication-in-mobile-and-internet-85623049.jpg" />
								</div>
								<div class="item">
									<img height=200 width=200
										src="images/stock-photo-a-bullhorn-megaphone-covered-with-words-describing-forms-of-communication-such-as-talk-listen-92994016.jpg" />
								</div>
								<div class="item">
									<img height=200 width=200
										src="images/stock-vector-media-human-mobile-the-development-of-global-communications-communication-in-mobile-and-internet-85623049.jpg" />
								</div>
								<div class="item">
									<img height=200 width=200
										src="images/stock-photo-bright-picture-of-smiling-businesswoman-with-blank-text-bubble-102582269.jpg" />
									Communicate better <br>
								</div>
							</div>
							<!-- Carousel nav -->
							<a class="carousel-control left" href="#myCarousel"
								data-slide="prev">&lsaquo;</a> <a class="carousel-control right"
								href="#myCarousel" data-slide="next">&rsaquo;</a>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row-fluid">
		<div class="span12"></div>
	</div>

</body>
</html>
